<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>树形菜单</title>
	</head>
	<style type="text/css">
	     li{
	     	list-style-type: none;
	     }
	     #kuang{
	     	display:none;
	     }
	</style>

	<body>
		<h3 onclick="fun1()">卓讯科技</h3>
		<ul>
			<div id="kuang">				
			<li>H5全栈开发</li>
			<li>JAVA</li>
			<li>UI设计</li>
			</div>
		</ul>
		
        
		<script type="text/javascript">
		var n=1;
			function fun1 () {
				n++
				if (n%2==0) {
					document.getElementById("kuang").style.display="block";
				}else{
					document.getElementById("kuang").style.display="none";
					
			}
				}
			
			
		</script>

	</body>

</html>